<h2 class="margin-bottom-xs margin-top-xs">
    <strong class="margin-right" data-bind="text: currentStep + '.'"></strong>
    <span data-bind="visible: spinners.finishing">Finishing up <i class="global-spinner spinner-sm"></i></span>
    <span data-bind="visible: !spinners.finishing() && !completedWithSuccess()" class="text-danger">Configuration failed</span>
    <span data-bind="visible: !spinners.finishing() && completedWithSuccess()" class="text-success">Configuration completed!</span>
</h2>
<div class="padding bg-info" data-bind="visible: isRestartServerNeeded">
    Before you can access RavenDB via the server url:
    <a target="_blank" data-bind="text: model.getStudioUrl(), attr: { href: model.getStudioUrl() }"></a>,
    you'll need to restart the server.
</div>
<div class="toggle margin-left-sm" data-bind="visible: showConfigurationLogToggle">
    <input id="logExpander" type="checkbox" data-bind="checked: expandSetupLog">
    <label for="logExpander">Show configuration log</label>
</div>
<div class="configuration-log" data-bind="collapse: expandSetupLog">
<pre data-bind="visible: messages().length"><!-- ko foreach: messages --><span data-bind="text: message, attr: { class: extraClass }"></span>
<!-- /ko --></pre>
</div>
<div class="readme" data-bind="visible: readme">
    <pre data-bind="text: readme"></pre>
</div>
<div class="navigation margin-top margin-bottom flex-horizontal">
    <button type="button" class="btn btn-default" data-bind="click: $root.back, disable: spinners.restart, visible: !spinners.finishing() && !completedWithSuccess()">
        <i class="icon-arrow-left"></i><span>Back</span>
    </button>
    <div class="flex-separator"></div>
    <button class="btn btn-primary" data-bind="click: startConfiguration, visible: !spinners.finishing() && !completedWithSuccess()">
        <i class="icon-refresh"></i>
        <span>Try again</span>
    </button>
    <button class="btn btn-primary" data-bind="click: restart, css: { 'btn-spinner': spinners.restart }, disable: spinners.restart,
            visible: canRestart() && !model.onlyCreateZipFile()">
        <i class="icon-refresh"></i>
        <span>Restart server</span>
    </button>
</div>
<div data-bind="visible: canRestart() && model.onlyCreateZipFile()" class="bg-info text-info padding">
    <span>The Setup Package zip file has been been created & downloaded. Plese check your Downloads folder.</span> 
</div>
